<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>您好，请登陆</title>
    <link rel="icon" href="../images/cl-img/favicon.ico">
    <link rel="stylesheet" href="../css/reset.css" type="text/css">
    <link rel="stylesheet" href="../css/login.css" type="text/css">
    <link rel="stylesheet" href="../util/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="../fonts/font-awesome-4.7.0/css/font-awesome.css">
    <script type="text/javascript" src="../util/jquery-3.4.1.js"></script>
    <script type="text/javascript" src="../util/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
    <script type="text/javascript" src="../js/login.js"></script>
    <style>
    </style>
</head>
<body>
    <div class="logo">
        <div class="sign fl">
            <img src="../images/cl-img/logo.png" alt="">
        </div>
        <div class="name fl">
            <p class="name-cn">骄阳幼稚园后台管理系统</p>
            <p class="name-en">Scorching sun Kindergarten</p>
        </div>
    </div>
    <form action="" method="post" id="form">
        <div class="title">
            Welcome
        </div>
        <div class="user">
            <label for="account" class="fl"><i class="fa fa-user"></i></label>
            <input type="text" id="account" class="fl" placeholder="请输入账号">
            <div class="popover fade top in" style="width: 130px;top: -40px;left: 80px;" id="remind1">
                <div class="arrow" style="left: 40%"></div>
                <div class="popover-content">
                    <i class="fa fa-exclamation-circle" style="color: rgba(255,0,0,0.7)"></i>&nbsp;&nbsp;请输入用户名
                    <span class="close">&times;</span>
                </div>
            </div>
            <div class="popover fade top in" style="width: 170px;top: -40px;left: 80px;" id="remind2">
                <div class="arrow" style="left: 40%"></div>
                <div class="popover-content">
                    <i class="fa fa-exclamation-circle" style="color: rgba(255,0,0,0.7)"></i>&nbsp;&nbsp;用户名或者密码错误
                    <span class="close">&times;</span>
                </div>
            </div>
        </div>
        <div class="pwd">
            <label for="pass" class="fl"><i class="fa fa-unlock-alt"></i></label>
            <input type="password" id="pass" class="fl" placeholder="请输入密码">
            <div class="popover fade top in" style="width: 120px;top: -40px;left: 80px;" id="remind3">
                <div class="arrow" style="left: 40%"></div>
                <div class="popover-content">
                    <i class="fa fa-exclamation-circle" style="color: rgba(255,0,0,0.7)"></i>&nbsp;&nbsp;请输入密码&nbsp;
                    <span class="close">&times;</span>
                </div>
            </div>
        </div>
        <div class="remember">
            <input type="checkbox" id="remember" class="fl">
            <label for="remember" class="fl">&nbsp;记住密码</label>
        </div>
        <div class="login">
            <button type="button" id="login">登&nbsp;&nbsp;录</button>
        </div>
    </form>
</body>
<script></script>
</html>